<template>
    <div>
        <RoleAssignMenuDialog 
        ref="assignDialog"
        ></RoleAssignMenuDialog>
        <ElButton @click="assignMenu">assgin menu</ElButton>
        {{ roleQueryParams }}
    </div>
</template>
<script setup lang='ts'>
import { NslUtil4Vue } from '@/utils/NslUtil4Vue';
import RoleAssignMenuDialog from './role_assign_menu_dialog.vue'
import { TypeRolePageVoI, TypeRoleQueryI } from '@/api/role/role_types.ts';
import { ref } from 'vue';
const assignDialog=ref();
const roleQueryParams:TypeRoleQueryI={
    pageNum:2,
    pageSize:50,
    keywords:"test_key"
}
const roleVo:TypeRolePageVoI={
    name:'系统管理员1',
    id:4
}
const assignMenu=()=>{
    assignDialog.value.openDialog(roleVo);
}

    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
    
    
</script>
<style lang='scss' scoped>
    
</style>